<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="author" content="KSLeuven" />
    <link rel="icon" href="../img/muppetsicon.iso" />
    <link rel="stylesheet" href="../css/stylesheet.css" type="text/css" />

    <title>Media</title>
    <script>
        function changeVideo(trailer) {
            var link;
            link = "http://www.youtube.com/embed/" + trailer + "?rel=0&autoplay=1"
            document.getElementById("trailer").src = link;
            document.getElementById("trailer").style.display = "block";

        }
    </script>
</head>

<body>

    <div id="Menu">
        <ul>
            <li><a href="main.html">Home</a>
            </li>
            <li><a href="OverTheMuppets.html">Over "the Muppets"</a>
            </li>
            <li><a href="muppetfiguren.html">Cast</a>
            </li>
            <li><a href="media.html">Media</a>
            </li>
            <li><a href="films.html" class="selected">Films</a>
            </li>
        </ul>

    </div>
    <div class="movies">
        <p>Hieronder vind je een lijstje met alle films met de Muppets.
            <br/>Klik op een titel om de trailer te zien.</p>
        <ul>
            <li><a onclick="changeVideo('WAYIRDx0AQ0')">The Muppet Movie (1979)</a> </li>
            <li><a onclick="changeVideo('RhkNjjZANys')">The Great Muppet Caper (1981)</a> </li>
            <li><a onclick="changeVideo('XN-tmO_3xFE')">The Dark Crystal (1982)</a> </li>
            <li><a onclick="changeVideo('T1SV7I2lw2g')">The Muppets Take Manhattan (1984)</a> </li>
            <li><a onclick="changeVideo('VIhGZxzf3uE')">Follow That Bird (1985)</a> </li>
            <li><a onclick="changeVideo('H_88xTvWEsw')">Labyrinth (1986)</a> </li>
            <li><a onclick="changeVideo('dhpu2tq9GG4')">The Muppet Christmas Carol (1992)</a> </li>
            <li><a onclick="changeVideo('KLUdKoCganU')">Muppet Treasure Island (1996)</a> </li>
            <li><a onclick="changeVideo('9B7V6Aw6b8M')">Muppets from Space (1999)</a> </li>
            <li><a onclick="changeVideo('w83W4ug5HTw')">The Adventures of Elmo in Grouchland (1999)</a> </li>
            <li><a onclick="changeVideo('kVkla1N9tpQ')">The Muppets (2011)</a> </li>
            <li><a onclick="changeVideo('Uf-yEdoLbEU')">Muppets Most Wanted (2014)</a> </li>
        </ul>
    </div>
    <div class="muppetmovie">
        <iframe id="trailer" src="blank">
        </iframe>
    </div>


</body>

</html>
